<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<base href="/beadhouse/"/>  
		<link rel="stylesheet" href="about/css/bootstrap.min.css">
		
		<link href="about/css/myCss.css" type="text/css" rel="stylesheet">
		<link href="about/css/main.css" type="text/css" rel="stylesheet">
		<link href="about/css/base.css" type="text/css" rel="stylesheet">
		<!--按钮样式表-->
		<link href="about/css/btn.css" type="text/css" rel="stylesheet">
		<link href="about/css/css.css" type="text/css" rel="stylesheet">
		<link href="about/css/index.css" type="text/css" rel="stylesheet">
		<link href="about/css/search.css" type="text/css" rel="stylesheet">
		<script src="about/js/jquery.min.js"></script>
		<script src="about/js/bootstrap.min.js"></script>
		 <script src="common.js"></script> 
		<title>入住登记</title>
		<script type="text/javascript">
	
		</script>
	</head>
	<body>
		<div class="hlnr page">
			<div class="col-md-12 pd20 RightContentBody fmt10">
				<div class="col-md-3 pd0 fmt5">
				
				<form id="findForm">
					
					<div class="input-group inputWidth_search" >
						<input name="key" type="text" class="form-control" placeholder="客户姓名">
					</div>
				</form>
				
				</div>
				<div class="col-md-9 pd0 fmt5">
					<button id="dengjihandle" class="btn btn-primary" data-toggle="modal" data-target=".myModal1"><span class="glyphicon glyphicon-plus"></span>&nbsp;登记</button> 
				</div>	
				<div class="col-md-9 pd0 fmt5">
					<button id="selectAllBtn" class="btn btn-primary"  >查询</button> 
				</div>	
						
				<div class="modal fade myModal1">
					<div class="modal-dialog">
						<div class="modal-content" style="width:100%;">
							<div class="modal-header">
								<button type="button" class="close" data-dismiss="modal" aria-label="Close">
									<span aria-hidden="true">&times;</span>
								</button>
								<span class="glyphicon glyphicon-pencil"></span>&nbsp;【入住登记】
							</div>
							
							
							<form
							     id="addForm">
							        
								<input
						            type="hidden"
						            name="id">
						            
						            
							
							<div class="modal-body clearfix" style="height: auto;">
							
								<div class="col-md-12 pd0">
									<div class="col-md-1 pd0 mt10"></div>
									<div class="col-md-10 pd0">
										<div class="col-md-12 pd0">
											<div class="input-group inputWidth">
												<span class="input-group-addon titleWidth">&nbsp;&nbsp;客户姓名：</span>
												<input name="customerName" type="text" class="form-control" placeholder="请输入【客户姓名】信息">
											</div>
										</div>
									</div>
									<div class="col-md-1 pd0"></div>
								</div>
								<div class="col-md-12 pd0 mt10">
									<div class="col-md-1 pd0"></div>
									<div class="col-md-10 pd0">
										<div class="col-md-12 pd0">
											<div class="input-group inputWidth">
												<span class="input-group-addon titleWidth">&nbsp;&nbsp;年龄：</span>
												<input name="customerAge" type="text" class="form-control" placeholder="请输入【年龄】信息">
											</div>
										</div>
									</div>
									<div class="col-md-1 pd0"></div>
								</div>
								<div class="col-md-12 pd0 mt10">
									<div class="col-md-1 pd0"></div>
									<div class="col-md-10 pd0">
										<div class="col-md-12 pd0">
											<div class="input-group inputWidth">
												<span class="input-group-addon titleWidth">&nbsp;&nbsp;性别：</span>
												<select  name="customerSex" class="form-control" >
													<option >男</option>
													<option>女</option>
													
												</select>
											</div>
										</div>
									</div>
									<div class="col-md-1 pd0"></div>
								</div>
								<div class="col-md-12 pd0 mt10">
									<div class="col-md-1 pd0"></div>
									<div class="col-md-10 pd0">
										<div class="col-md-12 pd0">
											<div class="input-group inputWidth">
												<span class="input-group-addon titleWidth">&nbsp;&nbsp;身份证号：</span>
												<input  name="idCard" type="text" class="form-control" placeholder="请输入【身份证号】信息">
											</div>
										</div>
									</div>
									<div class="col-md-1 pd0"></div>
								</div>
								<div class="col-md-12 pd0 mt10">
									<div class="col-md-1 pd0"></div>
									<div class="col-md-10 pd0">
										<div class="col-md-12 pd0">
											<div class="input-group inputWidth">
												<span class="input-group-addon titleWidth">&nbsp;&nbsp;房间号：</span>
												<input name="roomNumber" type="text" class="form-control" placeholder="请输入【房间号】信息">
											</div>
										</div>
									</div>
									<div class="col-md-1 pd0"></div>
								</div>
								
								<div class="col-md-12 pd0 mt10">
									<div class="col-md-1 pd0"></div>
									<div class="col-md-10 pd0">
										<div class="col-md-12 pd0">
											<div class="input-group inputWidth">
												<span class="input-group-addon titleWidth">&nbsp;&nbsp;档案号：</span>
												<input name="recordId" type="text" class="form-control" placeholder="请输入【档案号】信息">
											</div>
										</div>
									</div>
									<div class="col-md-1 pd0"></div>
								</div>
								
								<div class="col-md-12 pd0 mt10">
									<div class="col-md-1 pd0"></div>
									<div class="col-md-10 pd0">
										<div class="col-md-12 pd0">
											<div class="input-group inputWidth">
												<span class="input-group-addon titleWidth">&nbsp;&nbsp;入住时间：</span>
												<input name="checkinDate" type="date" class="form-control">
											</div>
										</div>
									</div>
									<div class="col-md-1 pd0"></div>
								</div>
								<div class="col-md-12 pd0 mt10">
									<div class="col-md-1 pd0"></div>
									<div class="col-md-10 pd0">
										<div class="col-md-12 pd0">
											<div class="input-group inputWidth">
												<span class="input-group-addon titleWidth">&nbsp;&nbsp;合同到期时间：</span>
												<input name="expirationDate" type="date" class="form-control">
											</div>
										</div>
									</div>
									<div class="col-md-1 pd0"></div>
								</div>
								<div class="col-md-12 pd0 mt10">
									<div class="col-md-1 pd0"></div>
									<div class="col-md-10 pd0">
										<div class="col-md-12 pd0">
											<div class="input-group inputWidth">
												<span class="input-group-addon titleWidth">&nbsp;&nbsp;联系电话：</span>
												<input  name="contactTel" type="text" class="form-control" placeholder="请输入【联系电话】信息">
											</div>
										</div>
									</div>
									<div class="col-md-1 pd0"></div>
								</div>
								
								<div class="col-md-12 pd0 mt10">
									<div class="col-md-1 pd0"></div>
									<div class="col-md-10 pd0">
										<div class="col-md-12 pd0">
											<div class="input-group inputWidth">
												<span class="input-group-addon titleWidth">&nbsp;&nbsp;备注：</span>
												<input name="remark" type="text" class="form-control" aria-describedby="basic-addon1">
											</div>
										</div>
									</div>
									<div class="col-md-1 pd0"></div>
								</div>
								
							</div>
							</form>
							<div class="modal-footer mt20">
								<button type="button" id="ruZhuBtn" class="btn btn-primary" data-dismiss="modal">
									确定
								</button>
								<button type="button" class="btn btn-default" data-dismiss="modal">
									取消
								</button>
							</div>
						</div>
					</div>
				</div>
				<div class="col-md-12 pd0 fmt10">
					<hr class="commonHRCss"/>
				</div>
				<div class="col-md-12 pd0">
					
					<div id="myTabContent" class="tab-content">
						<div class="tab-pane fade in active" id="hllr">
							<table class="table table-hover">
								<thead>
									<tr>
										<th>序号</th>
										<th>客户姓名</th>
										<th>性别</th>
										<th>年龄</th>
										<th>身份证号</th>
										<th>房间号</th>
										<th>档案号</th>
										<th>入住时间</th>
										<th>合同到期时间</th>
										<th>联系电话</th>
										<th>备注</th>
										<th>操作</th>
									</tr>
								</thead>
							
							
        						
          				  			<tbody id="listResultEL" >
                
               	
            						</tbody>
       							 </table>
    						
						</div>
				
			</div>
		</div>
	</body>
	<script src="page/rzdj.js" type="text/javascript" charset="utf-8"></script>
	<script type="text/javascript">
	
	
	
	</script>
</html>
